<template>
	<view>
		<headerView ref="headerView"></headerView>
		<adView ref="adView"></adView>
		<view class="main">
			
		
		<view class="content1">
			
			        
                <view class="cpInfo">
					
				
				<view class="main_body" >
					
					<view>
						<view class="main_content_title">
							<text>{{zx.ZIXUN_ZXBT}}</text>
						</view>
						<view class="userAndTime">
							<view>作者:{{zx.ZIXUN_USER}}</view>
							<view>时间：{{zx.ZIXUN_FBSJ}}</view>
						</view>
						
						<view class="main_content_jianjie">
							<text v-html="zx.ZIXUN_ZXNR"></text>
						</view>
						
					</view>
				</view>
		</view>
		<contentRight ref="contentRight"></contentRight>
		</view>
		</view>
	
		<footerView></footerView>
	</view>
</template>

<script>
	import headerView from '../header/Headerview.vue'
	import footerView from '../footer/Footer.vue'
	import adView from '../ads/MyAdView.vue'
	import pageView from '../../views/PageView.vue'
	import contentRight from '../mainContent/mainContent_right.vue'
	export default {
		components: {
			headerView,
			adView,
			footerView,
		
			contentRight,
		},
		created() {

			
		},
		data() {
			return {
				zx: "",
				candanIndex: 0,
				id:"",

			}
		},
		props: {
			msg: String
		},
		mounted() {
		
			this.$refs.adView.hidSearch();
			this.$refs.adView.showMidAd();
			this.$refs.contentRight.showbtnText("发布资讯","cpDetail");

		},
		onLoad: function(option) { //option为object类型，会序列化上个页面传递的参数
			this.id=option.id;
			this.getZiXun();
		},
		onReady() {
			this.$refs.headerView.setIndex(5);
		},
		methods: {
			async getZiXun() {
				try {
					const res = await this.$getData({
						url: this.$apis.getzxDetail,
						data: {
							ZIXUN_ID:this.id,
						}
					})
					this.zx = res.data.data;

				} catch (e) {
					console.log("eee: ", e);
				}
			},


		},
	}
</script>

<style>
	
	.main {
		
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	
	.content1 {
		display: flex;
		flex-direction: row;
		width: 1200px;
		height: 100%;
		
	}
	.content_info {
		display: flex;
		flex-direction: row;
	}
	.main1 {
		display: flex;
		flex-direction: row;
		align-items: center;
		display: flex;

	}
.cpInfo {
	border: 1px solid #E5E5E5;
		
		width: 1200px;
		display: flex;
		align-items: center;
		flex-direction: column;
		margin: 5px;

	}
	.main2 {
		display: flex;
		flex-direction: column;
		min-height: 600px;
		align-items: center;
		display: flex;

	}

	.main3 {
		display: flex;
		flex-direction: column;
		min-height: 600px;
		align-items: center;
		display: flex;

	}

	.main_body {
		
		
		display: flex;
		flex-direction: row;
	}

	.main_content {
		border-bottom: 1px solid #E5E5E5;
		flex-direction: column;
		display: flex;


	}

	.main_content {
		display: flex;
		flex-direction: column;
	}

	.content {}

	.main_content_title {
		margin-top: 10px;
		margin-right: 15px;
		margin-left: 15px;
		word-break: break-all;
		color: #FB9E00;
		font-size: 18px;
		font-weight: bold;
	}

	.main_content_jianjie {
		margin-right: 15px;
		margin-left: 15px;
		padding-top: 10px;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		word-break: break-all;
		color: #000000;
	}

	.userAndTime {
		padding-bottom: 20px;
		padding-top: 20px;
		border-bottom: 1px solid #E5E5E5;
		margin-right: 15px;
		margin-left: 15px;
		align-items: flex-end;
	}
</style>
